<template>
	<uni-popup ref="SharePopup" height="400rpx" width="400rpx" type="center" :animation="false">
		<view class="mypopup" @click="clickMyPopup">
			<view class="mypopup__head">
				<text>安吉尔服务微信公众号</text>
			</view>
			<view class="mypopup__body" style=" display: flex;flex-direction: row;align-items: center; justify-content: center;"> 
				<image :src="engineerShareImg" style="width: 200rpx;height: 200rpx;"></image>
			</view>
			<view class="mypopup__head">
				<text>扫二维码关注</text>
			</view>
		</view>
	</uni-popup>
</template>

<script>
	import uniPopup from '@dcloudio/uni-ui/lib/uni-popup/uni-popup';
	export default{
		components:{
			uniPopup,
		},
		props:{
			engineerShareImg:{
				type:String,
				default () {
					return ""
				}
			}
		},
		methods: {
			clickMyPopup(){
				this.$refs.SharePopup.close();
			},
			openPoPup() {
				this.$refs.SharePopup.open();
				
			},
			closePoPup() {
				this.$refs.SharePopup.close();	
			},
		}
	}
</script>

<style lang="scss">
	 .mypopup{
	   width: 671rpx;
	 	background-color: #ffffff;
	 	box-shadow: 0px 0px 8rpx 0px
	 		rgba(0, 0, 0, 0.2);
	   border-radius: 8rpx;
	   padding: 20rpx;
	 
	   &__head{
	     display: flex;
	     flex-direction: row;
	     align-items: center;
	     justify-content: center;
	     height: 70rpx;
	     image{
	       width: 44rpx;
	       height: 44rpx;
	       margin-right: 20rpx;
	     }
	     text{
	       color: #202020;
	       font-size: 36rpx;
	     }
	   }
	   &__body{
	     margin-top: 10rpx;
	   }
	   &__footer{
	     display: flex;
	     flex-direction: row;
	     justify-content: space-between;
	     padding-top: 10rpx;
	     button{
	       width: 48%;
	     }
	   }
	 }
</style>
